<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style>
            .ks-pagination-links {font-size:90%;color:#333;font-family:Arial,Helvetica,sans-serif;position:relative;text-align:left;padding-top: 1px;color:rgb(128, 128, 128);margin-bottom:0px;line-height:140%;}
            .ks-pagination-links ul {display:inline;padding-left:5px;margin-left:5px}
            .ks-pagination-links li {display:inline;list-style:none;text-align:center; margin:2px;}
            .ks-pagination-links li a {font-weight: 100;font-size: .8em!important;text-decoration: none!important; border: 1px #ccc solid;padding: 3px 6px 3px 6px!important;}
            .ks-pagination-links li a.last {border:10px #ccc solid;}
            .ks-pagination-links li a:hover {background-color: #0098D4; color: #fff!important; font-weight: bold;border:1px #000 solid;}
            .ks-pagination-links li a.last:hover {border:2px #000 solid;}
            .ks-pagination-links .current {font-weight: bold;font-size: .8em; text-decoration: none; padding-left: 20px; padding-right: 2px;}
            .ks-pagination-links .next a, .ks-pagination-links .previous a {border: 1px #fff solid; padding: 3px 6px 3px 6px;  }
            .ks-pagination-links .next a:hover, .ks-pagination-links .previous a:hover {font-weight:normal;}
            .ks-pagination-links .total {font-size:80%;}
            #vertmenu {
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 100%;
                width: 160px;
                padding: 0px;
                margin: 0px;
            }

            #vertmenu h1 {
                display: block; 
                background-color:#FF9900;
                font-size: 90%; 
                padding: 3px 0 5px 3px;
                border: 1px solid #000000;
                color: #333333;
                margin: 0px;
                width:159px;
            }

            #vertmenu ul {
                list-style: none;
                margin: 0px;
                padding: 0px;
                border: none;
            }
            #vertmenu ul li {
                margin: 0px;
                padding: 0px;
            }
            #vertmenu ul li a {
                font-size: 80%;
                display: block;
                border-bottom: 1px dashed #C39C4E;
                padding: 5px 0px 2px 4px;
                text-decoration: none;
                color: #666666;
                width:160px;
            }

            #vertmenu ul li a:hover, #vertmenu ul li a:focus {
                color: #000000;
                background-color: #eeeeee;
            }
            #wr {
                display: inline;
                width: 1024px;
                padding-top: 100px;

            }
            .right_column{
                float: right;
                width: 700px;
                padding-top: 10px;
                padding-right: 200px;
                margin: 5px;
            }

            .left_column {
                float: left;
                width: 100px; 
                padding-top: 40px;
                padding-left: 250px;
                margin: 0px;
            }
            #header-content div{
                display: inline;
            }
            .login {
                float: right;
                padding-right: 230px;
                padding-top: 10px;
            }
            .logo{
                float: left;
                padding-left: 250px;
                padding-top: 10px;
            }
            .search{
                float:left;
                padding-left: 20px;
                padding-top: 10px;
            }
            .footer{
                float: left;
                padding-left: 200px;
            }


        </style>
    </head>
    <body>
        <form name="search" action="search" method="get">
            <div id="header" style="background-color:#333 ;height:50px;">
                <div align = "center">
                    <div id = "header-content" style="background-color:#333; height:50px;width:1050;"> 
                        <div class="login">
                            <a href="http://www.google.com/">Login</a>
                        </div>
                        <div class="logo">
                            <img src="im3.png" style=" width: 30px;height: 30px;" alt="some_text"/>
                        </div>
                        <div class="search">
                            <input type="text" name="text" value=""/><br />

                        </div>
                        <div class="search">
                            <select name="select">
                                <?php $type=$this->input->get("select");?>
                                <option value="article" <?php if($type == "article") echo 'selected="selected"'; ?>>article</option>
                                <option value="learning_path" <?php  if ($type == "learning_path") echo 'selected="selected"'; ?>>learning path</option>
                                <option value="video" <?php  if($type=="video") echo 'selected="selected"'; ?>>video</option>
                                <option value="member" <?php if($type== "member") echo 'selected="selected"'; ?> >member</option>
                            </select>
                        </div>
                        <div class="search">
                            <input type="submit" value="search">
                        </div>
                    </div>
                    <div id ="wr">
                        <div class ="left_column">
                            <div id="vertmenu">
                                <!--                    <ul>
                                                        <li><a name="lo_trinh" href="search" tabindex="1">Lo trinh hoc tap</a></li>
                                                        <li><a name="thanh_vien" href="#" tabindex="2">Thanh vien</a></li>
                                                        <li><a name="bai_viet" href="#" tabindex="3">Bai viet</a></li>
                                                        <li><a name="video" href="#" tabindex="4">Video</a></li>
                                                    </ul>-->
                            </div>
                        </div>

                        <div class="right_column">
                        <?php if(isset($erro)): ?>
                            <div id="error_message"><?php echo $erro; ?></div>
                        <?php else: ?>
                            <table border="0" cellpadding="2" cellspacing="2">
                                <tbody>
                                    <?php echo $result; ?>
                                </tbody>
                        <?php endif; ?>                            </table>                
                            <div class="ks-pagination-links" align="center">
                                <ul>
                                    <li class="next"><a href=""> Trang trước &lt;</a></li>
                                    <li class="current">1</li>
                                    <li><a href="">2</a></li>
                                    <li><a href="">3</a></li>
                                    <li><a href="">4</a></li>
                                    <li><a href="">5</a></li>
                                    <li><a href="">6</a></li>
                                    <li><a href="">7</a></li>
                                    <li class="next"><a href=""> Trang sau &gt;</a></li>
                                </ul>
                                <span class="total">(<?php if(isset($count))echo $count;else echo 0;?>&nbsp;kết quả)</span>
                            </div>
                        </div>
                    </div>

                    <div class ="footer" style="background-color:#FFA500;clear:both;width: 1140px; height:50px ">
                        <p><a href="http://www.google.com/">About me  </a> | Copyright © 2012 </p>
                    </div>
                    </form>
                    </body>
                    </html>